.btn-wrapper {
  background: #fff;
  padding-top: 4px;
  border-bottom: 1px solid #ddd;

  .btns {
    font-size: 13px;
    cursor: pointer;
    overflow: hidden;
  }

  .btns-text {
    margin-top: -2px;
    height: 20px;
    overflow: hidden;
  }

  .btns-icon {
    font-size: 18px;
    color: rgb(24, 144, 255);
  }

  .btns:hover {
    .btns-icon {
      color: rgb(45, 85, 216);
    }

    font-size: 13px;
    transition: all 0.2s;
  }

  .btns:active {
    animation: btns-transform 0.1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  }
}

@keyframes btns-transform {

  10%,
  90% {
    transform: (translate3d(-1px, 0px, 0));
  }

  20%,
  80% {
    transform: (translate3d(2px, 0px, 5px));
  }

  30%,
  50%,
  70% {
    transform: (translate3d(-4px, 0px, -8px));
  }

  40%,
  60% {
    transform: (translate3d(4px, 0px, 8px));
  }
}
